import { Route, Routes } from 'react-router-dom';
import { useEffect } from 'react';
import MobileNavigation from '@/components/MobileNavigation';
import MobileFooter from '@/components/MobileFooter';
import Encyclopedia from './Encyclopedia';
import Faq from './Faq';
import Media from './Media';

export default function Knowledge() {
  useEffect(
    () => {
      window.scrollTo(0, 0)
    },
    []
  );
  return (
    <div style={{ paddingTop: 62 }}>
      <MobileNavigation />
      <Routes>
        <Route path="encyclopedia" element={<Encyclopedia />} />
        <Route path="faq" element={<Faq />} />
        <Route path="media" element={<Media />} />
      </Routes>
      <MobileFooter />
    </div>
  );
}
